<h1>成语词典</h1>

<section>
  <h2>说明</h2>
  <p>
    本功能用于查询成语的解释、典故、同义词、反义词等。
  </p>
</section>

<section>
  <h2>示例</h2>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        查成语 魑魅魍魉
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        魑魅魍魉<br>
        <br>
        成语解释：<br>
        原为古代传说中的鬼怪。指各种各样的坏人。<br>
        <br>
        出处（典故）：<br>
        《左传·宣公三年》：“魑魅魍魉，莫能逢之。”<br>
        <br>
        同义成语：<br>
        牛鬼蛇神<br>
        为鬼为蜮<br>
        <br>
        反义成语：<br>
        志士仁人<br>
        <br>
        数据来源：聚合数据成语词典
      </p>
    </div>
  </div>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        帮我查一下高屋建瓴这个成语
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        高屋建瓴<br>
        <br>
        成语解释：<br>
        建：倒水，泼水；瓴：盛水的瓶子。把瓶子里的水从高层顶上倾倒。比喻居高临下，不可阻遏。<br>
        <br>
        出处（典故）：<br>
        《史记·高祖本纪》：“地势便利，其以下兵于诸侯，譬犹居高屋之上建瓴水也。”<br>
        <br>
        同义成语：<br>
        高高在上<br>
        居高临下<br>
        <br>
        反义成语：<br>
        无<br>
        <br>
        数据来源：聚合数据成语词典
      </p>
    </div>
  </div>
</section>

<section class="bg-color-1">
  <h2>格式</h2>
  <p>
    查成语　[要查询的成语]
  </p>
  <p>PS: 中括号部分不填则默认交互式地询问</p>
</section>

<section class="bg-color-2">
  <h2>命令别名</h2>
  <p>
    idiom, 查成语, 成语, 成语词典
  </p>
</section>

<section class="bg-color-3">
  <h2>触发机制</h2>
  <p>
    除了通过上述格式触发，还可以通过关键词「成语」触发，见示例的第二个对话。
  </p>
</section>

<link rel="stylesheet" href="css/style.css">
<script src="js/genpage.js"></script>